<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<link rel="stylesheet" type="text/css"
href="development-bundle/themes/smoothness/ui.all.css">
<link rel="stylesheet" type="text/css"
href="css/flickrTabTheme.css">
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8">
<title>jQuery UI AJAX Tabs Example</title>
<script type="text/javascript">
$(function(){
var tabOpts = {
select: function(event, ui) {
ui.tab.toString().indexOf("flickr") != -1 ? getData() : null ;
function getData() {
$("#flickr").empty();
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?
tags=nebula&format=json&jsoncallback=?", function(data) {
$.each(data.items, function(i,item){
$("<img/>").attr("src",
item.media.m).appendTo("#flickr").height(100).width(100);
return (i == 5) ? false : null;
});
});
}
}
}
$("#myTabs").tabs(tabOpts);
});
</script>

</head>
<body>
<div id="myTabs">
<ul>
<li><a href="#a"><span>Nebula Information</span></a></li>
<li><a href="#flickr"><span>Images</span></a></li>
</ul>
<div id="a">
<p>A nebulae is an interstellar cloud of dust, hydrogen gas,
and plasma. It is the first stage of a star's cycle. In these regions
the formations of gas, dust, and other materials clump together to
form larger masses, which attract further matter, and eventually will
become big enough to form stars. The remaining materials are then
believed to form planets and other planetary system objects. Many
nebulae form from the gravitational collapse of diffused gas in the
interstellar medium or ISM. As the material collapses under its own
weight, massive stars may form in the center, and their ultraviolet
radiation ionizes the surrounding gas, making it visible at optical
wavelengths.</p>
</div>
<div id="flickr"></div>
</div>
<script type="text/javascript"
src="development-bundle/jquery-1.3.2.js"></script>
<script type="text/javascript"
src="development-bundle/ui/ui.core.js"></script>
<script type="text/javascript"
src="development-bundle/ui/ui.tabs.js"></script>
</body>
</html>